<template>
    <!--增删改查-->
  <div>
    <div   class="storemessage">
      <span >

    <img :src="imgUrl" style="height:50px;width:50px; margin:0;" >
        {{shopName}}
     </span>
    </div>

  <el-row :gutter="20">
          <el-col :span="6" v-for="item in bookList" :key="item.id">
            <div class="grid-content bg-purple" style="width: 150px;height: 250px;">
              <a :title="item.name" @click="handleBookInfo(item)">
                <img :src="item.log" style="width: 150px;display: block;height: 150px;" />
                <p
                  style="color: #000;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 7px 0;">
                  {{item.name}}
                </p>
                <p style="color: #aaa;font-size: 12px;">{{item.author}}</p>
                <p style="color: #c30;">￥{{item.price}}</p>
              </a>
            </div>
          </el-col>
        </el-row>

  </div>

</template>

<script>
export default {
  name: 'storeall',
  data () {
    return {
      bookList: [{
        id: 1,
        log: '',
        name: '白夜行',
        author: '东野圭吾',
        saleNum: '不知名',
        printTimes: '2011-01-01',
        price: 20
      }]
    }
  },
  methods: {
    handleBookInfo () {

    }
  }
}

</script>
<style scoped>

</style>
